<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <ui:composition template="/template.xhtml">      
        <ui:define name="body">     
            <center>

                <h:form id="FormUs">
                    <p:growl id="growl" /> 
                    <h:panelGrid columns="3" id="h_panelGridid" styleClass="est_panelGridid" cellspacing="9px">

                        <h:outputLabel value="#{bundle.CreateUsuarioLabel_usrNombres}" for="usrNombres" />
                        <p:inputText id="usrNombres" value="#{usuarioController.selected.usrNombres}" title="#{bundle.CreateUsuarioTitle_usrNombres}"  required="true" requiredMessage="Nombres requeridos" validatorMessage="Nombre no valido">
                            <f:validateLength minimum="5"/> 
                            <p:ajax update="ms1"/>
                        </p:inputText>
                        <p:message id="ms1" for="usrNombres" display="text"/>

                        <h:outputLabel value="#{bundle.CreateUsuarioLabel_usrApellidos}" for="usrApellidos" />
                        <p:inputText id="usrApellidos" value="#{usuarioController.selected.usrApellidos}" title="#{bundle.CreateUsuarioTitle_usrApellidos}"  required="true" requiredMessage="Apellidos requeridos" validatorMessage="Apellido no valido" >
                            <f:validateLength minimum="5" /> 
                            <p:ajax update="ms2"/>
                        </p:inputText>
                        <p:message id="ms2"  for="usrApellidos" display="text"/>

                        <h:outputLabel value="#{bundle.CreateUsuarioLabel_usrSeudonim}" for="usrSeudonim" />
                        <p:inputText id="usrSeudonim" value="#{usuarioController.selected.usrSeudonim}" title="#{bundle.CreateUsuarioTitle_usrSeudonim}"  required="true" requiredMessage="Nombre de usuario requerido" validatorMessage="Nombre de usuario no valido">
                            <f:validateLength minimum="5" /> 
                            <p:ajax update="ms3"/>
                        </p:inputText>
                        <p:message id="ms3"  for="usrSeudonim" display="text"/>                      

                        <h:outputLabel value="#{bundle.CreateUsuarioLabel_usrPasswd}" for="usrPasswd" />                      
                        <p:password  id="usrPasswd" value="#{usuarioController.selected.usrPasswd}" title="#{bundle.CreateUsuarioTitle_usrPasswd}" feedback="true" promptLabel="Ingrese la contraseña" weakLabel="Debil" goodLabel="Regular" strongLabel="Fuerte" required="true" requiredMessage="Contraseña requerida" validatorMessage="Minimo 6 Caracteres">
                            <f:validateLength minimum="1" /> 
                            <p:ajax update="ms4"/>
                        </p:password>
                        <p:message id="ms4"  for="usrPasswd" display="text"/>

                        <h:outputLabel value="#{bundle.CreateUsuarioLabel_usrPasswd_r}" for="usrPasswd_r" />
                        <p:password id="usrPasswd_r" value="#{usuarioController.passwd}" title="#{bundle.CreateUsuarioTitle_usrPasswd}" validator="#{usuarioController.validate}">
                            <p:ajax update="ms5"/>
                        </p:password>
                        <p:message id="ms5" for="usrPasswd_r" display="text"/>

                        <h:outputLabel value="#{bundle.CreateUsuarioLabel_usrCorreo}" for="usrCorreo" />
                        <p:inputText id="usrCorreo" value="#{usuarioController.selected.usrCorreo}" title="#{bundle.CreateUsuarioTitle_usrCorreo}" required="true" requiredMessage="Correo requerido" validatorMessage="Correo invalido">
                            <f:validateRegex pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" />
                            <p:ajax update="ms6"/>
                        </p:inputText>
                        <p:message id="ms6"  for="usrCorreo" display="text"/>

                        &nbsp;
                        <h:panelGrid columns="2" id="h_panelGridid_2" styleClass="est_panelGridid_chk">
                            <p:selectBooleanCheckbox id="chk1"/>  
                            <h:outputText value="Deseo recibir información por e-mail" /> 
                            <p:selectBooleanCheckbox value="#{usuarioController.botonActivado}">
                                <p:ajax update="btnRegistro"/>
                            </p:selectBooleanCheckbox>
                            <h:panelGrid columns="3" id="h_panelGridid_3" styleClass="est_panelGridid_chk">
                                <h:outputText value="He leído y acepto los "/> 
                                <p:lightBox iframe="true">  
                                    <h:outputLink value="Terminos.html" title="Terminos de uso">  
                                        <h:outputText value="terminos"/>  
                                    </h:outputLink>  
                                </p:lightBox> 
                                <h:outputText value=" de uso"/> 
                            </h:panelGrid>                          
                        </h:panelGrid> 
                    </h:panelGrid> 
                    <br/>
                    <p:captcha id="captcha1" label="Captcha" validatorMessage="Valor de Captcha incorrecto"/>
                    <p:message id="ms9"  for="captcha1" display="text"/>  
                    <br/>
                    <p:commandButton id="btnRegistro" ajax="false" action="#{usuarioController.create}" value="#{bundle.CreateUsuarioSaveLink}" disabled="#{!usuarioController.botonActivado}"/>
                    <br/>
                    &nbsp;

                </h:form>  
            </center>
        </ui:define>
    </ui:composition>
</html>
